<template>
  <div id="apps">
    <HmHeader />
    <HmZhongjian />
    <HmFooter />
  </div>
</template>
   
   
<script>
import HmHeader from "./components/header";
import HmFooter from "./components/footer";
import HmZhongjian from "./components/zhongjian";

export default {
  components: { HmHeader, HmFooter, HmZhongjian },
};
</script>

<style>
#apps {
  width: 500px;
  height: 500px;
  background-color: yellow;
  margin: 30px;
}
</style>